<?php
/**
 * @version     kingadmin-v1.2-tx
 * @package     tpl_gpcb
 * @copyright   Copyright (C) 2014. All Rights Reserved
 * @license     Creative Commons Attribution-NoDerivatives 4.0 International License
 * @author      caballeroantonio <caballeroantonio@hotmail.com> - http://caballeroantonio.com
 */

// No direct access
defined('_JEXEC') or die;

$kbpath = 'templates/gpcb';
?>

							<div class="main-header">
								<h2>Interactive Charts</h2>
								<em>chart interactive features including zooming and on/off toggle data series</em>
							</div>

							<div class="main-content">
								<!-- WIDGET CHART DATA SERIES -->
								<div class="widget widget-chart-toggle-series">
									<div class="widget-header">
										<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: On/Off Data Series</h3> <em> - toggle on/off data series on the chart by using checkboxes on the right</em>
									</div>
									<div class="widget-content">
										<div class="row">
											<div class="col-md-10">
												<div class="demo-flot-chart" id="demo-toggle-series-chart"></div>
											</div>
											<div class="col-md-2">
												<!-- must be id="choices" -->
												<div id="choices"></div>
											</div>
										</div>
									</div>
								</div>
								<!-- END WIDGET CHART DATA SERIES -->

								<!-- WIDGET CHART ZOOM -->
								<div class="widget">
									<div class="widget-header">
										<h3><i class="fa fa-bar-chart-o"></i> Flot Chart: Zoom On Select</h3> <em> - enable zooming feature on chart selection</em>
										<div class="btn-group widget-header-toolbar">
											<button type="button" id="reset-chart-zoom" class="btn btn-danger btn-sm"><i class="fa fa-refresh"></i> Reset Zoom</i></button>
										</div>
									</div>
									<div class="widget-content">
										<div class="demo-flot-chart" id="demo-select-zoom-chart"></div>
									</div>
								</div>
								<!-- END WIDGET CHART ZOOM -->

							</div><!-- /main-content -->
						

	<!-- Javascript -->
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.resize.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.tooltip.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/stat/flot/jquery.flot.selection.min.js"></script>
	<script src="<?= $kbpath ?>/assets/js/king-chart-stat.js"></script>
